<div id="header" class="content-block header-wrapper-2">
  <br>

  <div class="row">
      <div class="col-md-12">
        <h4 style="padding-left: 20px;">玩客币（链克）行情一览</h4>
      </div>  
      <div class="col-md-12">
          <div  ng-bind-html="wkb | trustHtml"></div>
      </div>
  </div>
  <br>
  <div class="table-responsive">
    <table class="table">
      <tr class="active td-hangqing">
        <td colspan="4" style="text-align: left;line-height: 50px;padding-left: 20px;">加密货币市场行情一览</td>

        <td></td>

        <td><a ui-sref="plist" class="btn btn-o btn-md">查看全部</a></td>
      </tr>

      <tr class="active t-1">
        <td>币种</td>

        <td>流通市值</td>

        <td>当前价格</td>

        <td>兑换BTC</td>

        <td>流通数量</td>

        <td>24小时浮动</td>
      </tr>

      <tr ng-repeat="(i, data) in list" class="{{getClass(i)}}">
        <td class="p-2">{{data.symbol}}</td>

        <td>{{data.market_cap_cny | price}}</td>

        <td class="p-2">￥{{data.price_cny | fixed}}</td>

        <td>{{data.price_btc}}</td>

        <td>{{data.available_supply | price}}</td>

        <td ng-class="getPercent(data.percent_change_24h)">{{data.percent_change_24h + '%'}}</td>
      </tr>
    </table>
  </div>
</div><!-- header -->

<div class="content-block" id="portfolio">
  <div class="container">
    <a href="#" class="btn btn-o btn-lg pull-right">查看全部</a>

    <h1>区块链平台</h1>

    <p>为您提供最需要的数字货币相关资源产品</p>

    <div class="row">
      <div class="col-sm-4">
        <a href="#" class="recent-work" style="background-image:url(assets/images/13-6.jpg)"><span class="btn btn-o-white">敬请期待</span></a>
      </div>

      <div class="col-sm-4">
        <a href="#" class="recent-work" style="background-image:url(assets/images/LTC-otc.jpg)"><span class="btn btn-o-white">敬请期待</span></a>
      </div>

      <div class="col-sm-4">
        <a href="#" class="recent-work" style="background-image:url(assets/images/eth.png)"><span class="btn btn-o-white">敬请期待</span></a>
      </div>
    </div>

    <div class="row">
      <div class="col-sm-4">
        <a href="#" class="recent-work" style="background-image:url(assets/images/btcc.png)"><span class="btn btn-o-white">敬请期待</span></a>
      </div>

      <div class="col-sm-4">
        <a href="#" class="recent-work" style="background-image:url(assets/images/btc.jpg)"><span class="btn btn-o-white">敬请期待</span></a>
      </div>

      <div class="col-sm-4">
        <a href="#" class="recent-work" style="background-image:url(assets/images/ltc.jpeg)"><span class="btn btn-o-white">敬请期待</span></a>
      </div>
    </div>
  </div>
</div><!-- #portfolio -->
<!-- <div class="content-block parallax" id="services">
        <div class="container text-center">
          <header class="block-heading cleafix">
            <h1>Our Services</h1>
            <p>A little about what we do</p>
          </header>
          <section class="block-body">
            <div class="row">
              <div class="col-md-4">
                <div class="service">
                  <i class="fa fa-send-o"></i>
                  <h2>Illustration</h2>
                  <p>In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis, vulputate nunc nec, sodales nibh. Etiam nulla magna, gravida eget ultricies sit amet, hendrerit in lorem.</p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="service">
                  <i class="fa fa-heart-o"></i>
                  <h2>3D Modeling</h2>
                  <p>In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis, vulputate nunc nec, sodales nibh. Etiam nulla magna, gravida eget ultricies sit amet, hendrerit in lorem.</p>
                </div>
              </div>
              <div class="col-md-4">
                <div class="service">
                  <i class="fa fa-camera-retro"></i>
                  <h2>Photography</h2>
                  <p>In at accumsan risus. Nam id volutpat ante. Etiam vel mi mattis, vulputate nunc nec, sodales nibh. Etiam nulla magna, gravida eget ultricies sit amet, hendrerit in lorem.</p>
                </div>
              </div>
            </div>
          </section>
        </div>
      </div> --><!-- #services -->
<div class="content-block" id="blog">
  <div class="container">
    <header class="block-heading cleafix">
      <a href="#" class="btn btn-o btn-lg pull-right">查看全部</a>
      <h1>区块链新闻</h1>
      <p>随时关注最新业界消息</p>
    </header>
    <section class="block-body">
      <div class="row">
        <div class="col-sm-4 blog-post">
          <img class="blog-img" src="assets/images/D169677E726A42B.jpg">
          <a href="#"><h2>数字货币加密技术</h2></a>
          <div class="date">2017-11-01</div>
          <p>IBitcoin is different than any currency you’ve used before, so it's very important to understand some key points. Unlike government issued money that can be inflated at will, the supply of Bitcoin is mathematically limited to twenty one million bitcoins and that can never be changed.</p>
          <a href="">敬请期待</a>
        </div>
        <div class="col-sm-4 blog-post">
          <img class="blog-img" src="assets/images/zx.jpg">
          <a href="#"><h2>数字货币投资咨询</h2></a>
          <div class="date">2017-12-01</div>
          <p>IObtaining bitcoins works just like obtaining any other currency. You can sell something you already have for them. You can ask your existing employer to pay you in Bitcoin.The easiest way is to just buy them on one of our trusted Bitcoin exchanges.</p>
          <a href="">敬请期待</a>
        </div>
        <div class="col-sm-4 blog-post">
          <img class="blog-img" src="assets/images/video_wuc.jpg">
          <a href="#"><h2>数字货币社区</h2></a>
          <div class="date">2017-4-30</div>
          <p>Using and spending bitcoins is easy. The first step is finding the businesses that accept Bitcoin’s easy, instant and secure payment system. More and more businesses, large and small, accept Bitcoin payments every day.</p>
          <a href="">敬请期待</a>
        </div>
      </div>
    </section>
  </div>
</div>
 <!-- #blog -->

 <div class="content-block" id="contact">
    <div class="container text-center">
        <header class="block-heading cleafix">
            <h1>联系我们</h1>
            <p>加QQ群交流   <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=1391ff0363fb5c38cc3d7b799f779886c26f71656332a86029fffd634eb9d457"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="行币网官方群" title="行币网官方群"></a>
            </p>
        </header>
        <section class="block-body">
            <div class="row">
                <div class="col-md-6 col-md-offset-3">
                    <form class="" role="form">
                        <div class="form-group">
                            <input type="text" ng-model="news.name" class="form-control form-control-white" id="subject" placeholder="请输入您的姓名" required>
                        </div>
                        <div class="form-group">
                            <input type="email" ng-model="news.email" class="form-control form-control-white" id="exampleInputEmail2" placeholder="请输入您的邮箱或手机号" required>
                        </div>
                        <div class="form-group">
                            <textarea ng-model="news.content" class="form-control form-control-white" placeholder="请输入要了解的内容" required></textarea>
                        </div>
                      <input type="submit" ng-click="addNew()" class="btn btn-o-white" value="提 交">
                    </form>
                </div>
            </div>
        </section>
    </div>
</div><!-- #contact -->
 <style type="text/css">
    .table {
        font-size: 1.6rem;
    }
    .table th{
      text-align: center;
    }
    .blog-img{
        width: 400px;
        height: 220px;
    }
 </style>
